<template>
  <el-dialog
    :title="'查看支付宝对账单'"
    :close-on-click-modal="false"
    :visible.sync="visible">
    <div>
      <table>
        <tr><td align="right">支付信息:</td><td align="center">{{dataForm.msg}}</td></tr>
        <tr><td align="right">支付账号:</td><td align="center">{{dataForm.buyerLogonId}}</td></tr>
        <tr><td align="right">订单识别号:</td><td align="center">{{dataForm.outTradeNo}}</td></tr>
        <tr><td align="right">订单交易号:</td><td align="center">{{dataForm.tradeNo}}</td></tr>
        <tr><td align="right">支付金额:</td><td align="center">{{dataForm.totalAmount}}</td></tr>
        <tr><td align="right">支付时间:</td><td align="center">{{dataForm.sendPayDate}}</td></tr>
        <tr><td align="right">支付状态:</td><td align="center">{{dataForm.tradeStatus}}</td></tr>
      </table>
    </div>
    <span slot="footer" class="dialog-footer">
      <el-button @click="visible = false">取消</el-button>
    </span>
  </el-dialog>
</template>

<script>
  export default {
    data () {
      return {
        visible: false,
        dataForm: {
          code: '',
          msg: '',
          buyerLogonId: '',
          buyerPayAmount: '',
          buyerUserId: '',
          buyerUserType: '',
          invoiceAmount: '',
          outTradeNo: '',
          pointAmount: '',
          receiptAmount: '',
          sendPayDate: '',
          totalAmount: '',
          tradeNo: '',
          tradeStatus: ''
        }
      }
    },
    methods: {
      init (data) {
        this.visible = true
        this.dataForm.code = data.code
        this.dataForm.msg = data.code
        this.dataForm.buyerLogonId = data.buyerLogonId
        this.dataForm.buyerPayAmount = data.buyerPayAmount
        this.dataForm.buyerUserId = data.buyerUserId
        this.dataForm.buyerUserType = data.buyerUserType
        this.dataForm.invoiceAmount = data.invoiceAmount
        this.dataForm.outTradeNo = data.outTradeNo
        this.dataForm.pointAmount = data.pointAmount
        this.dataForm.receiptAmount = data.receiptAmount
        this.dataForm.sendPayDate = data.sendPayDate
        this.dataForm.totalAmount = data.totalAmount
        this.dataForm.tradeNo = data.tradeNo
        this.dataForm.tradeStatus = data.tradeStatus
      }
    }
  }
</script>

<style>
</style>
